<!DOCTYPE html>
<html>
<head>
    <title>AI智能报价系统</title>
    <link rel="stylesheet" href="style.css">
    <!-- 加载必须的库 -->
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@3.18.0/dist/tf.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
    <div class="container">
        <h1>🛒 AI商品定价助手</h1>
        
        <!-- 输入区域 -->
        <div class="input-group">
            <input type="number" id="costPrice" placeholder="输入商品成本价">
            <button onclick="predictPrice()">生成建议售价</button>
        </div>

        <!-- 结果显示 -->
        <div id="result" class="result-box"></div>

        <!-- 数据图表 -->
        <canvas id="priceChart"></canvas>

        <!-- 加载动画 -->
        <div id="loading" class="loading">
            <div class="spinner"></div>
            <p>AI正在学习定价策略...</p>
        </div>
    </div>

    <!-- 本地JS文件 -->
    <script src="app.js"></script>
</body>
</html>